pp108 : Setting the Positioning Grid

Setting the Positioning Grid

This topic describes the procedure to enable the grid and use its features.

The XForms Designer provides a grid to enable you to position controls in an XForm. The grid is a matrix that divides the Designer Area into smaller areas that act as points of reference while positioning controls. Using the grid, you can align user interface elements with precision.

  1. Open the XForm in the XForms Designer.
  2. Right-click the Designer Area and select Show Grid. The grid displays in the Designer Area, and a check mark appears for the Show Grid option in the context menu.

    Note:
    The Show Grid context-menu option is a toggle option, and selecting it again clears the check mark and hides the grid. On opening an XForm, the grid is enabled, by default.

  3. Right-click the Designer Area, select Grid Size, and choose a grid size from the sub-menu. The options available are 2, 5, 8, 10, 15, and 20, and are measured in pixels (px). Depending on the option you select, the grid is resized.

    Note:
    The grid size is set as 10, by default.

  4. Right-click the Designer Area and select Snap to Grid. This enables the snap-to-grid feature, and displays a check mark in the context menu. The controls, added to the XForm after enabling this feature, are automatically positioned at the nearest reference point in the grid.

    Note:

    • The Snap to Grid context-menu option is a toggle option, and selecting it again clears the check mark and disables the feature.
    • On opening an XForm, the snap-to-grid feature is enabled, by default.

The grid settings are saved as user preferences. The XForms that you open, henceforth, display according to the new settings.